 #hd {
     border-bottom: 1px solid #e8e8e8;
     &.fix-header {
         width: 100%;
         background-color: rgba(255, 255, 255, 0.9);
         position: fixed;
         top: 0;
         left: 0;
         transition: all .3s ease;
         box-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
         z-index: 6;
     }
     &.no-fix {
         width: 100%;
         background-color: #fff;
         overflow: hidden;
     }
     &.show {
         transform: translateX(200px);
     }
 }
 
 .nv-toolbar {
     width: 100%;
     height: 44px;
     display: flex;
     align-items: center;
     .toolbar-nav {
         width: 49px;
         height: 44px;
         position: absolute;
         background: url("../images/components/nav_icon.svg") no-repeat center center;
         background-size: 20px 20px;
         margin: 0;
         z-index: 1;
         top: 0;
         left: 0;
     }
     &>span {
         display: block;
         text-align: center;
         height: 100%;
         line-height: 44px;
         font-size: 18px;
         width: 100%;
         position: relative;
         z-index: 0;
         font-weight: 700;
         color: #ff819f;
     }
 }
 
 .scroll-hide {
     height: 100%;
     overflow: hidden;
 }